<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1 align="center">用户注册</h1> 
    <form action="#" >
        <fieldset style ="margin:auto ;width:400px ">
                <legend>身份验证-必填信息</legend>
                <table align="center">
                    <tr>
                            <td align="right">用户名</td>
                            <td align="left"><input type="text" name="username" required="required"></td> 
                    </tr>
                    <tr>
                            <td  align="right">密 码 </td>
                            <td align="left"><input type="password" name="pwd1" required="required" pattern="^[0-9]*$"/>
                                </td>
                    </tr>
                    <tr>
                            <td  align="right">密码确认</td>
                            <td align="left"><input type="password" name="pwd2" required="required" pattern="^[0-9]*$"/>
                                </td>
                    </tr>
                </table>
        </fieldset>


            <fieldset style="margin:auto;width:400px ">
                <legend>身份信息-选填信息</legend>
                    <table align="cneter">
                    <tr>
                        <td  align="right">所在城市 </td>
                        <td align="left"><input type="text" name="city"  autocomplete="off"/></td>
                    </tr>
                    <tr>
                        <td  align="right">工作单位 </td>
                        <td align="left"><input type="text" name="job"  /></td>
                    </tr>
                    <tr>
                        <td  align="right">家庭住址</td>
                        <td align="left"><input type="text" name="address" /></td>
                    </tr>
                    </table>
            </fieldset>

            <fieldset style="margin:auto ;width:400px ">
                    <legend>其他个人信息</legend>
                    <table align="center">
                        <tr>
                            <td  align="right">性别 </td>
                            <td align="left">
                            <select name="gender">
                                <option value="boy" selected="selected">男孩</option>
                                <option value="girl">女孩</option>
                            </select>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">爱好 </td>
                            <td align="left">
                                <input type="checkbox" name="hobby" id="music">音乐&nbsp;&nbsp;
                                <input type="checkbox" name="hobby" id="sports">体育&nbsp;&nbsp;
                                <input type="checkbox" name="hobby" id="computer" checked="checked">计算机
                            </td>
                        </tr>
                        <tr>
                            <td align="right">喜欢的公司 </td>
                            <td align="left">
                                <input type="radio" name="like" id="baidu">百度&nbsp;&nbsp;
                                <input type="radio" name="like" id="MicrosoftChina">微软中国&nbsp;&nbsp;
                                <input type="radio" name="like" id="GoogleChina">谷歌中国
                            </td>
                        </tr>
                        <tr>
                            <td align="right">个人简介 </td>
                            <td align="left">
                                <textarea name="self"  cols="30" rows="10"></textarea>
                            </td>
                        </tr>
                        </table>
                </fieldset>
                <table align="center">

                        <tr>
                            <td colspan="3">
                                <input type="submit" value="提交你的资料">
                                <input type="reset" value="重新填写你的资料">
                
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="submit" disabled="disabled" value="无效按钮"></td>
                            <td></td>
                        </tr>
                
                
                    </table>
        

    </form>
    
</body>
</html>